//$--res-dir: login01;

.login-form{
    padding:0;
    margin: 0;
    font-size:13px;
    line-height:160%;
    color:#333;
    *{
        margin:0;
        padding: 0;
    }
}
.fright,.pull-right { float: right !important;}.fleft,.pull-left { float: left !important;}
.nobg{ background:none !important;}
.textAC{ text-align:center;}.textAL{ text-align:left;}.textAR{ text-align:right;}
.red,.red:link,.red:visited{ color:#ff0000;}
.green,.green:link,.green:visited{ color:#0b861f;}
.blue,.blue:link,.blue:visited{ color:#0076cd;}
.fontV{font-family:Verdana, Arial, Helvetica, sans-serif}
.font14{font-size:14px;}
.font11{font-size:11px;}
.textheight24{line-height:24px;}
.iconimg{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}

.rightPanel-items{ color:#333333;}
.showRightPanel {overflow: hidden;position: relative;width: calc(100% - 15px);}
.rightPanel-background{ position: fixed; top: 0; left: 0; opacity: 0; transition: opacity .3s cubic-bezier(.7, .3, .1, 1); z-index: -1;}
.rightPanel{background-color:#fff; width: 100%;max-width: 260px;height: 100vh;position: fixed;top: 0;right: 0;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);transition: all .25s cubic-bezier(.7, .3, .1, 1); transform: translate(100%); z-index: 40000;}
.show {transition: all .3s cubic-bezier(.7, .3, .1, 1);}
.show .rightPanel-background {z-index: 20000;opacity: 1;width: 100%;height: 100%;}
.show .rightPanel {transform: translate(0);}
.handle-button {background-color:rgba(0,0,0,.5); width: 48px;height: 48px;position: absolute;left: -48px;text-align: center;font-size: 24px;border-radius: 6px 0 0 6px !important;z-index: 0;pointer-events: auto;cursor: pointer;color: #fff;line-height: 48px;}
.handle-button i {font-size: 24px;line-height: 48px;}

.skins-container{ padding:0;}
.skins-item{ width: 50%; float: left; text-align: center; padding:5px 10px; cursor: pointer;}
.skins-item.active{ background-color: rgba(0,0,0,.1); border-radius: 5px;}
.drawer-container {padding: 24px;font-size: 14px;line-height: 1.5;word-wrap: break-word;}
.drawer-container .drawer-title {margin-bottom: 12px;font-size: 14px;line-height: 22px;}
.drawer-container .drawer-item {font-size: 14px;padding: 12px 0;}
.drawer-container .drawer-switch {float: right}

.login_input .login_icon{z-index: 1;}
.show-pwd{ position: absolute; right:8px; top: 1px; z-index: 1;}

// 未设置皮肤时的通用登录皮肤
.login_wrap{ min-width: 1100px; }
.wrapper{ width:1100px; margin:0px auto; position:relative;}
.login_top{ height:120px;}
.login_sysname{ height:100%; padding:20px 0;}
.login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
.login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
.login_sysname .login_logo .logoimg{ background:url(login01/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 72px; min-height: 72px; }
.login_sysname h1{ display: inline-block; vertical-align: middle; height: 80px; line-height: 80px; font-size: 36px; font-family: '黑体','microsoft yahei';}
.login_form{ background:url(login01/formbg.png) no-repeat; height:350px; width:420px; padding:10px 50px 10px 50px; z-index:10; position:absolute; right:10px; top:45px;}
.login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 1px solid #bfbfbf; margin:0 -40px;}
.login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
.login_title a.on:link,.login_title a.on:visited{ border-bottom: 1px solid #4592e5; }
.ico_title{ background:url(login01/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.ico_title.ico_sface{ background-image: url(login01/ico_sface.png);}
.login_con{ min-height: 180px; }
.login_conwrap{ padding-top: 20px; }
.login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 0px 0px 0px;}

.login_input_focus{ background-position:0px bottom;}
.login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px; z-index: 1;}
.login_input ._user{ background:url(login01/icon_user.png) no-repeat;}
.login_input ._pass{ background:url(login01/icon_pass.png) no-repeat;}
.login_input ._code{ background:url(login01/icon_code.png) no-repeat;}
.login_input ._ca{ background:url(login01/icon_ca.png) no-repeat;}
.login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block;}
.login_input input{ width: 100%; height: 100%; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
.login_input input:focus{ border-color:#2b89d7;}
.show-pwd{ position: absolute; right:8px; top: 1px; z-index: 1;}
div.focus .input_text{ color:#999999;}
.login_btn{ margin-top:25px;}
.loginbtn,a.loginbtn,a.resetbtn{ background:#0066bb; border:0; width:100%; height:48px; border-radius: 5px; line-height:48px; display: block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none;}
a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
.loginbtn:hover,a.loginbtn:hover{ background:#1679cc;}
.resetbtn,a.resetbtn:link,a.resetbtn:visited{ background:#2b89d7; margin-left:24px; color:#fff; display: none;}
.resetbtn:hover,a.resetbtn:hover{ background:#5dabeb; color:#fff;}
a.resetbtn{ display: none;}
input.loginbtn,button.loginbtn{ line-height: inherit;}
.login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.4); padding:3px 5px; border-radius: 3px;}

.login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: center; padding:0 40px; font-size: 14px;}
.login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
.third_login{ padding:10px 0 0px 0px; line-height: 26px;}
.third_login a{ margin-left:0; }
.third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login01/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
.third_icon.third_alipay{ background-position: 0 0; }
.third_icon.third_weixin{ background-position: 0 -16px; }
.third_icon.third_weibo{ background-position: 0 -32px; }
.third_icon.third_qq{ background-position: 0 -48px; }
.third_icon.third_cakey{ background-position: 0 -64px; }
.login_footer{ padding:10px 0px 10px 0; min-width:1000px; width:auto; overflow:visible;}
.footer_text{ text-align:center;}

.login-form{ height: 100%;}
.login_body{ position:relative; height:440px;}
.banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:1000px; height:440px; overflow:hidden;}
.banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
.banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top; }
.bns_01 { background-image:none;}
.bns_01 .con { background-image:url(login01/pic.jpg);}
.banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
.banner_link i { display:none; }
.banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
.banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login01/icon_control.png); background-repeat:no-repeat;}
.banner_control a.left { right:65px; background-position:0 0;}
.banner_control a.left:hover { background-position:0 -30px;}
.banner_control a.right { right:30px; background-position:-30px 0;}
.banner_control a.right:hover { background-position:-30px -30px;}
@media (min-height: 719px) {
    .login-form{padding-top:100px;}
}
    

.login00{
    .login-form{color:#fff; background:url(login00/login_bodybg.jpg) #092157 center top no-repeat;}

    .login_wrap{ width:1100px; margin:0 auto; position:relative;}
    .wrapper{ width:1100px; margin:0px auto; position:relative;}
    .login_top{ width:1100px; margin:0 auto;}
    .login_sysname{ min-width:1100px; max-width:1200px; margin:0 auto; text-align:center; padding:45px 0;/* height:70px; */ line-height:70px; color:#0c73c3;}
    .login_sysname img{ display:inline; vertical-align:middle;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login00/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 72px; min-height: 72px; }
    .login_sysname h1{ font-size:44px; color:#fff;display:inline; vertical-align:middle; margin-left:10px;}

    .login_text{display:inline-block; vertical-align:middle;}
    .login_text .login_nameimg{ display:inline-block; vertical-align:middle; background: url(login00/logintext.png) no-repeat; width: 708px; height:58px;}

    .login_form{background:url(login00/loginright_bg.png) repeat-x; min-height:319px; width:580px; padding:0; z-index:10; position:absolute; right:30px; top:40px; border:1px solid #0c8dbb;/* border-radius: 5px; */ box-shadow:0 0 10px rgba(255,255,255,.3);}
    .login_usertit{ text-align: center;}
    .login_usertit ul{ margin:0; padding:0}
    .login_usertit li{float:left;width:50%;list-style:none;text-align:center; font-size:18px;}
    .login_usertit li a:link,.login_usertit li a:visited{border-bottom:2px solid #102564;display:block;color:#fff;text-decoration:none;height:60px;line-height:60px}
    .login_usertit li a.on:link,.login_usertit li a.on:visited{ color:#0cc0f4;border-bottom:2px solid #0c8dbb;}

    .login_conter{height:209px; display: none;}
    .login_bot{ position: absolute; bottom:0; left: 0; right: 0; width: 100%; height:50px;line-height:50px;text-align:center;background:#0b1c4a;color:#606060;font-size:16px;}
    .login_bot a{text-decoration:underline;color:#606060;margin:0 15px}
    .login_bot a.on{color:#0cc0f4;}

    .login-con-smdl{text-align:center;color:#fff;padding-top:20px}
    .login-con-smdl img{padding:5px;border:1px solid #0cc0f4}
    .login-con-smdl h4{font-weight:normal;line-height:30px;padding:0;margin:0}

    /*账号登录*/
    .login_form,.login_form *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
    .login_form{ text-align: center; padding:25px 20px; position: absolute; top: 40px; right: 30px; }
    .login_title{ height: 62px; line-height: 60px; font-size: 18px; color: #fff; border-bottom: 2px solid #bfbfbf; margin:-25px -20px 0;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 62px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 2px solid #4592e5; }
    .ico_title{ background:url(login00/ico_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .login_con{ min-height: 180px; padding:25px 0 0;}
    .login_conwrap{ padding-top: 20px; }

    .login_input{ width:210px; height:44px; display:inline-block; position:relative; text-align:left; margin:10px 10px;}
    .login_input_focus{ padding-bottom:0; border:1px solid #0c8dbb;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position:absolute; left:8px; top:8px;}
    .login_input ._user{ background:url(login00/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login00/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login00/icon_code.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:40px; top:6px; font-size:18px; font-family:'microsoft yahei','黑体'; color:#0c6f9b; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ height:40px; line-height:1; font-size:18px; width: 100%; background-color: rgba(0,15,54,.6); border:1px solid rgba(26,65,183,.5); border-radius: 5px; outline:none; -moz-outline:none; background:none !important; color:#ffffff; padding:8px 8px 8px 40px; font-family:'microsoft yahei','宋体'; font-weight:400;}
    .login_input input:focus{ border-color:#284693;}
    .login_input label{ display:block; height:100%;}
    .show-pwd{ position: absolute; right:8px; top: 1px; z-index: 1; color: #fff}
    div.focus .input_text{ color:#999999;}
    .login_codeimg{ position:absolute; right:0; top:4px;}
    .login_codeimg img{ display:block; cursor:pointer;}
    .login_btn{ padding:40px 0 0 0px; margin:0px auto;}
    .loginbtn,.resetbtn,a.loginbtn,a.resetbtn{ background:#284693; color: #fff; width:40%; height:44px; line-height:44px; text-align:center; font-size:18px; font-weight:400; display:inline-block; text-decoration:none; cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .loginbtn:link,.loginbtn:visited,a.loginbtn:link,a.loginbtn:visited{ background-color: #0cc0f4; color:#fff;}
    .loginbtn:hover,.loginbtn:active,a.loginbtn:hover,a.loginbtn:active{ background-color: #2978c0; color: #000;}
    .resetbtn:link,.resetbtn:visited,a.resetbtn:link,a.resetbtn:visited{ margin-left:40px;}
    .resetbtn:hover,a.resetbtn:hover{ color:#0cc0f4;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.4); padding:3px 5px; border-radius: 3px;}


    .login_footer{min-width:1100px; max-width:1200px; position:relative; margin:0 auto;text-align:center;}
    .footer_text{ text-align:center; color:#0c8dbb; font-size:14px;position:absolute; right:80px;width:580px; z-index:11; bottom:100%;}

    
    .ico_title.ico_sface{ background-image: url(login00/ico_sface.png);}
    .third_login{ float: left; padding:12px 0 12px 20px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_login a:hover{ color: #fff; }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login00/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }

    .login_body{ position:relative; height:440px;}
    .banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:1000px; height:440px; overflow:hidden;}
    .banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
    .banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top; }
    .bns_01 { background-image:none;}
    .bns_01 .con { background-image:none;}
    .banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
    .banner_link i { display:none; }
    .banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
    .banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login00/icon_control.png); background-repeat:no-repeat;}
    .banner_control a.left { right:65px; background-position:0 0;}
    .banner_control a.left:hover { background-position:0 -30px;}
    .banner_control a.right { right:30px; background-position:-30px 0;}
    .banner_control a.right:hover { background-position:-30px -30px;}
    @media (min-height: 719px) {
        .login-form{padding-top:2%;}
    }
}

.login01{
    

    .login_wrap{ min-width: 1100px; }
    .wrapper{ width:1100px; margin:0px auto; position:relative;}
    .login_top{ height:120px; background:#FFF;}
    .login_sysname{ height:100%; padding:20px 0;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login01/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 72px; min-height: 72px; }
    .login_sysname h1{ display: inline-block; vertical-align: middle; height: 80px; line-height: 80px; font-size: 36px; font-family: '黑体','microsoft yahei';}
    .login_form{ background:url(login01/formbg.png) no-repeat; height:350px; width:420px; padding:10px 50px 10px 50px; z-index:10; position:absolute; right:10px; top:45px;}
    .login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 1px solid #bfbfbf; margin:0 -40px;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 1px solid #4592e5; }
    .ico_title{ background:url(login01/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .ico_title.ico_sface{ background-image: url(login01/ico_sface.png);}
    .login_con{ min-height: 180px; }
    .login_conwrap{ padding-top: 20px; }
    .login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 0px 0px 0px;}

    .login_input_focus{ background-position:0px bottom;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px; z-index: 1;}
    .login_input ._user{ background:url(login01/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login01/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login01/icon_code.png) no-repeat;}
    .login_input ._ca{ background:url(login01/icon_ca.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ width: 100%; height: 100%; line-height: 1; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
    .login_input input:focus{ border-color:#2b89d7;}
    .show-pwd{ position: absolute; right:8px; top: 1px; z-index: 1;}
    div.focus .input_text{ color:#999999;}
    .login_btn{ margin-top:25px;}
    .loginbtn,a.loginbtn,a.resetbtn{ background:#0066bb; border:0; width:100%; height:48px; border-radius: 5px; line-height:48px; display: block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none;}
    a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
    .loginbtn:hover,a.loginbtn:hover{ background:#1679cc;}
    .resetbtn,a.resetbtn:link,a.resetbtn:visited{ background:#2b89d7; margin-left:24px; color:#fff; display: none;}
    .resetbtn:hover,a.resetbtn:hover{ background:#5dabeb; color:#fff;}
    a.resetbtn{ display: none;}
    input.loginbtn,button.loginbtn{ line-height: inherit;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.4); padding:3px 5px; border-radius: 3px;}

    .login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: center; padding:0 40px; font-size: 14px;}
    .login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
    .third_login{ padding:10px 0 0px 0px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login01/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }
    .login_footer{ background:#fff; padding:10px 0px 10px 0; min-width:1000px; width:auto; overflow:visible;}
    .footer_text{ text-align:center;}


    .login_body{ position:relative; height:440px;}
    .banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:1000px; height:440px; overflow:hidden;}
    .banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
    .banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top; }
    .bns_01 { background-image:none;}
    .bns_01 .con { background-image:url(login01/pic.jpg);}
    .banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
    .banner_link i { display:none; }
    .banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
    .banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login01/icon_control.png); background-repeat:no-repeat;}
    .banner_control a.left { right:65px; background-position:0 0;}
    .banner_control a.left:hover { background-position:0 -30px;}
    .banner_control a.right { right:30px; background-position:-30px 0;}
    .banner_control a.right:hover { background-position:-30px -30px;}
    @media (min-height: 719px) {
        .login-form{padding-top:100px;}
    }
}

.login02{

    .wrapper{ width:1100px; margin:0px auto; position:relative;}
    .login_top{/* border-bottom:1px solid #e5e5e5;*/ height:120px; background:#FFF;}
    .login_sysname{ height:100%; padding:20px 0;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login02/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 72px; min-height: 72px; }
    .login_sysname h1{ display: inline-block; vertical-align: middle; height: 80px; line-height: 80px; font-size: 36px; font-family: '黑体','microsoft yahei';}
    .login_form{ background:url(login02/formbg.png) no-repeat; height:350px; width:420px; padding:10px 50px 10px 50px; z-index:10; position:absolute; right:10px; top:45px;}
    .login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 1px solid #bfbfbf; margin:0 -40px;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 1px solid #e42132; }
    .ico_title{ background:url(login02/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .ico_title.ico_sface{ background-image: url(login02/ico_sface.png);}
    .login_con{ min-height: 180px;}
    .login_conwrap{ padding-top: 20px; }
    .login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 0px 0px 0px;}
    .login_input_focus{ background-position:0px bottom;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px; z-index: 1;}
    .login_input ._user{ background:url(login02/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login02/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login02/icon_code.png) no-repeat;}
    .login_input ._ca{ background:url(login02/icon_ca.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ width: 100%; height: 100%; line-height: 1; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
    .login_input input:focus{ border-color:#d12f39;}
    .show-pwd{ position: absolute; right:8px; top: 1px; z-index: 1;}
    div.focus .input_text{ color:#999999;}
    .login_btn{ margin-top:25px; text-align: center;}
    .loginbtn,a.loginbtn,a.resetbtn{ background:#a00913; border:0; width:100%; height:48px; border-radius: 5px; line-height:48px; display: inline-block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none;}
    a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
    .loginbtn:hover,a.loginbtn:hover{ background:#bb0d19;}
    .resetbtn,a.resetbtn:link,a.resetbtn:visited{ background-color:#d12f39; margin-left:24px; color:#fff;}
    .resetbtn:hover,a.resetbtn:hover{ background-color:#e23641; color:#fff;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.4); padding:3px 5px; border-radius: 3px;}

    .login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: right; padding:0 40px; font-size: 14px;}
    .login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
    .third_login{ padding:10px 0 0px 0px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login02/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }

    .login_footer{/* border-top:3px solid #dddddd;*/ background:#fff; padding:10px 0px 10px 0; min-width:1000px; width:auto; overflow:visible;}
    .footer_text{ text-align:center;}


    .login_body{ position:relative; height:440px;}
    .banner_show {position:absolute;top:0;left:0;z-index:0;width:100%;min-width:1000px;height:440px;overflow:hidden;}
    .banner_show .cell {position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;}
    .banner_show .cell .con {position:relative;height:440px;background-repeat:no-repeat;background-position:center top;}
    .bns_01 {background-image:none;}
    .bns_01 .con {background-image:url(login02/pic.jpg);}
    .banner_link {position:absolute;top:0px;left:50%;width:500px;height:440px;margin-left:-530px;}
    .banner_link i {display:none;}
    .banner_control {position:absolute;top:0; right:0;width:10px;margin-left:-5px;display:none;}
    .banner_control a {position:absolute;top:400px;width:30px;height:30px;line-height:10;overflow:hidden;background-image:url(login02/icon_control.png);background-repeat:no-repeat;}
    .banner_control a.left {right:65px;background-position:0 0;}
    .banner_control a.left:hover {background-position:0 -30px;}
    .banner_control a.right {right:30px;background-position:-30px 0;}
    .banner_control a.right:hover {background-position:-30px -30px;}


    @media (min-height: 719px) {
        .login-form{padding-top:100px;}
    }
}

.login03{
    .login-form{ background-color: #007bc0; height: 100%;}
    .wrapper{ width:1100px; margin:0px auto; position:relative;}
    .login_top{/* border-bottom:1px solid #e5e5e5;*/ height:120px; background:#eff6fc;}
    .login_sysname{ height:100%; padding:20px 0;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login03/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 72px; min-height: 72px; }
    .login_sysname h1{ display: inline-block; vertical-align: middle; height: 80px; line-height: 80px; font-size: 36px; font-family: '黑体','microsoft yahei';}
    .login_form{ background:url(login03/formbg.png) no-repeat; height:350px; width:420px; padding:10px 50px 10px 50px; z-index:10; position:absolute; right:10px; top:45px;}
    .login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 1px solid #bfbfbf; margin:0 -40px;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 1px solid #4592e5; }
    .ico_title{ background:url(login03/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .ico_title.ico_sface{ background-image: url(login03/ico_sface.png);}
    .login_con{ min-height: 180px; }
    .login_conwrap{ padding-top: 20px; }
    .login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 0px 0px 0px;}
    .login_input_focus{ background-position:0px bottom;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px;}
    .login_input ._user{ background:url(login03/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login03/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login03/icon_code.png) no-repeat;}
    .login_input ._ca{ background:url(login03/icon_ca.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ width: 100%; height: 100%; line-height: 1; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
    .login_input input:focus{ border-color:#3796e5;}
    div.focus .input_text{ color:#999999;}
    .login_btn{ margin-top:25px; text-align: center;}
    .loginbtn,a.loginbtn,a.resetbtn{ background:#0066bb; border:0; width:100%; height:48px; border-radius: 5px; line-height:48px; display: inline-block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none;}
    a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
    .loginbtn:hover,a.loginbtn:hover{ background:#1679cc;}
    .resetbtn,a.resetbtn:link,a.resetbtn:visited{ background-color: #3796e5; margin-left:24px; color:#fff;}
    .resetbtn:hover,a.resetbtn:hover{ background-color: #56acf3;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(0,0,0,.4); padding:3px 5px; border-radius: 3px;}

    .login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: right; padding:0 40px; font-size: 14px;}
    .login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
    .third_login{ padding:10px 0 0px 0px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login03/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }

    .login_footer{/* border-top:3px solid #dddddd; background:#f3f3f3;*/ padding:23px 0px 15px 0; min-width:1000px; width:auto; _width:1000px; overflow:visible; color:#fff;}
    .footer_text{ text-align:center;}

    .login_body{ position:relative; height:440px;}
    .banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:1000px; height:440px; overflow:hidden;}
    .banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
    .banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top;}
    .bns_01 { background-image:none;}
    .bns_01 .con { background-image:url(login03/pic.jpg);}
    .banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
    .banner_link i { display:none;}
    .banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
    .banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login03/icon_control.png); background-repeat:no-repeat;}
    .banner_control a.left { right:65px; background-position:0 0;}
    .banner_control a.left:hover { background-position:0 -30px;}
    .banner_control a.right { right:30px; background-position:-30px 0;}
    .banner_control a.right:hover { background-position:-30px -30px;}

    @media (min-height: 719px) {
        .login_top{padding-top:50px; height: 190px;}
        .login-form{padding-top:0;}
    }
}

.login04{
    .wrapper{ width:1100px; margin:0px auto; position:relative;}
    .login_top{/* border-bottom:1px solid #e5e5e5;*/ height:120px; background:#FFF;}
    .login_sysname{ height:100%; padding:20px 0;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login04/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 72px; min-height: 72px; }
    .login_sysname h1{ display: inline-block; vertical-align: middle; height: 80px; line-height: 80px; font-size: 36px; font-family: '黑体','microsoft yahei';}
    .login_form{ background:url(login04/formbg.png) no-repeat; height:350px; width:420px; padding:10px 50px 10px 50px; z-index:10; position:absolute; right:10px; top:45px;}
    .login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 1px solid #bfbfbf; margin:0 -40px;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 1px solid #967d60; }
    .ico_title{ background:url(login04/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .ico_title.ico_sface{ background-image: url(login04/ico_sface.png);}
    .login_con{ min-height: 180px;}
    .login_conwrap{ padding-top: 20px; }
    .login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 0px 0px 0px;}
    .login_input_focus{ background-position:0px bottom;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px;}
    .login_input ._user{ background:url(login04/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login04/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login04/icon_code.png) no-repeat;}
    .login_input ._ca{ background:url(login04/icon_ca.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ width: 100%; height: 100%; line-height: 1; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
    .login_input input:focus{ border-color:#d2906b;}
    div.focus .input_text{ color:#999999;}
    .login_btn{ margin-top:25px; text-align: center;}
    .loginbtn,a.loginbtn,.resetbtn,a.resetbtn{ background:#a26543; width:100%; height:48px; border-radius: 5px; line-height:48px; display: inline-block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none;}
    a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
    .loginbtn:hover,a.loginbtn:hover{ background:#b97f5f;}
    a.resetbtn:link,a.resetbtn:visited{ background:#be7953; margin-left:24px; color:#fff;}
    .resetbtn:hover,a.resetbtn:hover{ background:#d2906b; color:#fff;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.4); padding:3px 5px; border-radius: 3px;}

    .login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: right; padding:0 40px; font-size: 14px;}
    .login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
    .third_login{ padding:10px 0 0px 0px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login04/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }

    .login_footer{/* border-top:3px solid #dddddd;*/ background:#fff; padding:10px 0px 10px 0; min-width:1000px; width:auto; overflow:visible;}
    .footer_text{ text-align:center;}


    .login_body{ position:relative; height:440px;}
    .banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:1000px; height:440px; overflow:hidden;}
    .banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
    .banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top;}
    .bns_01 { background-image:none;}
    .bns_01 .con { background-image:url(login04/pic.jpg);}
    .banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
    .banner_link i { display:none;}
    .banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
    .banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login04/icon_control.png); background-repeat:no-repeat; }
    .banner_control a.left { right:65px; background-position:0 0;}
    .banner_control a.left:hover { background-position:0 -30px;}
    .banner_control a.right { right:30px; background-position:-30px 0;}
    .banner_control a.right:hover { background-position:-30px -30px;}

    @media (min-height: 719px) {
        .login-form{padding-top:100px;}
    }
}

.login05{
    .login-form{ background-image:url(login05/pic.jpg); background-position: 50% 0; }
    .wrapper{ width:1200px; margin:0px auto; position:relative;}
    .login_top{/* border-bottom:1px solid #e5e5e5;*/ height:150px;}
    .login_top .wrapper{ padding-left:680px; padding-top: 70px;}
    .login_sysname{ height:100%; padding:20px 0; text-align: center;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login05/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 40px; min-height: 40px; }
    .login_sysname h1{ display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; font-size: 30px; font-family: '黑体','microsoft yahei';}
    .login_form{ background:url(login05/formbg.png) no-repeat; height:350px; width:420px; padding:10px 50px 10px 50px; z-index:10; position:absolute; right:35px; top:45px;}
    .login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 1px solid #bfbfbf; margin:0 -40px;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 1px solid #4592e5; }
    .ico_title{ background:url(login05/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .ico_title.ico_sface{ background-image: url(login05/ico_sface.png);}
    .login_con{ min-height: 180px; }
    .login_conwrap{ padding-top: 20px; }
    .login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 0px 0px 0px;}
    .login_input_focus{ background-position:0px bottom;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px;}
    .login_input ._user{ background:url(login05/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login05/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login05/icon_code.png) no-repeat;}
    .login_input ._ca{ background:url(login05/icon_ca.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ width: 100%; height: 100%; line-height: 1; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
    .login_input input:focus{ border-color:#20bcde;}
    div.focus .input_text{ color:#999999;}
    .login_btn{ margin-top:25px; text-align: center;}
    a.loginbtn,a.resetbtn{ background:#0380ba; width:40%; height:48px; border-radius: 5px; line-height:48px; display: inline-block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none;}
    a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
    a.loginbtn:hover{ background:#168dc5;}
    a.resetbtn:link,a.resetbtn:visited{ background-color: #20bcde; margin-left:24px; color:#fff;}
    a.resetbtn:hover{ background-color: #43cdeb;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(0,0,0,.4); padding:3px 5px; border-radius: 3px;}

    .login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: right; padding:0 40px; font-size: 14px;}
    .login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
    .third_login{ padding:10px 0 0px 0px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login05/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }

    .login_footer{/* border-top:3px solid #dddddd; background:#f3f3f3;*/ padding:0px 0px; min-width:1200px; width:auto; _width:1200px; overflow:visible; color:#666;}
    .footer_text{ text-align:center; position: absolute; bottom: 0; right: 10px; padding-left:660px;}

    .login_body{ position:relative; height:440px;}
    .banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:1000px; height:440px; overflow:hidden;}
    .banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
    .banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top;}
    .bns_01 { background-image:none;}
    .bns_01 .con{ background-image: none;}
    .banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
    .banner_link i { display:none;}
    .banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
    .banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login05/icon_control.png); background-repeat:no-repeat;}
    .banner_control a.left { right:65px; background-position:0 0;}
    .banner_control a.left:hover { background-position:0 -30px;}
    .banner_control a.right { right:30px; background-position:-30px 0;}
    .banner_control a.right:hover { background-position:-30px -30px;}
}

.login06{
    .login-form{ background-image:url(login06/pic.jpg); background-position: 50% 0;}
    .login_wrap{ background:url(login06/formbg0.png) no-repeat; height: 550px; width: 790px; min-width: 790px; margin:0 auto;}
    .wrapper{ min-width: 790px; width:790px; margin:0px auto; position:relative;}
    .login_top{/* border-bottom:1px solid #e5e5e5;*/ height:150px;}
    .login_top .wrapper{ padding:96px 0 0; }
    .login_sysname{ height:100%; padding:20px 0; text-align: center; color: #fff;}
    .login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
    .login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
    .login_sysname .login_logo .logoimg{ background:url(login06/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 40px; min-height: 40px; }
    .login_sysname h1{ display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; font-size: 36px; font-family: '黑体','microsoft yahei';}
    .login_form{ height:330px; width:650px; padding:10px 20px 10px 20px; z-index:10; position:absolute; right:60px; top:45px; background-image: none;}
    .login_title{ height: 56px; line-height: 56px; font-size: 18px; color: #333; border-bottom: 2px solid #bfbfbf; margin:0 -10px; text-align: center;}
    .login_title a:link,.login_title a:visited{ width: 50%; display: block; float: left; height: 56px; padding:0 40px;}
    .login_title a.on:link,.login_title a.on:visited{ border-bottom: 2px solid #4592e5; }
    .ico_title{ background:url(login06/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
    .ico_title.ico_sface{ background-image: url(login06/ico_sface.png);}
    .login_con{ min-height: 180px; text-align: center;}
    .login_conwrap{ padding-top: 20px; }
    .login_input{ position:relative; text-align:left; overflow:hidden; margin:20px 20px; display: inline-block; width:240px;}
    .login_input_focus{ background-position:0px bottom;}
    .login_input .login_icon{ display:block; width:24px; height:24px; position: absolute; left: 8px; top: 8px;}
    .login_input ._user{ background:url(login06/icon_user.png) no-repeat;}
    .login_input ._pass{ background:url(login06/icon_pass.png) no-repeat;}
    .login_input ._code{ background:url(login06/icon_code.png) no-repeat;}
    .login_input ._ca{ background:url(login06/icon_ca.png) no-repeat;}
    .login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
    .login_input input{ width: 100%; height: 100%; line-height: 1; font-size:18px; border:1px solid #bfbfbf; background-color: #fff; border-radius: 5px; color:#000; padding:8px 8px 8px 40px; outline: none; }
    .login_input input:focus{ border-color:#4592e5;}
    .inputText{}
    div.focus .input_text{ color:#999999;}
    .login_btn{ margin-top:25px; text-align: center;}
    .loginbtn,a.loginbtn,a.resetbtn{ background:#0380ba; width:220px; height:48px; border-radius: 5px; line-height:48px; display: inline-block; color: #fff; text-align:center; font-size:18px; font-weight:700; text-decoration:none; margin:0 30px;}
    a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
    .loginbtn:hover,a.loginbtn:hover{ background:#168dc5;}
    a.resetbtn:link,a.resetbtn:visited{ background-color: #20bcde; margin-left:24px; color:#fff;}
    a.resetbtn:hover{ background-color: #43cdeb;}
    .login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(0,0,0,.4); padding:3px 5px; border-radius: 3px;}

    .login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: center; padding:0 40px; font-size: 14px;}
    .login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
    .third_login{ padding:10px 0 0px 0px; line-height: 26px;}
    .third_login a{ margin-left:0; }
    .third_login a:hover{/* color: #fff;*/ }
    .third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(login06/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
    .third_icon.third_alipay{ background-position: 0 0; }
    .third_icon.third_weixin{ background-position: 0 -16px; }
    .third_icon.third_weibo{ background-position: 0 -32px; }
    .third_icon.third_qq{ background-position: 0 -48px; }
    .third_icon.third_cakey{ background-position: 0 -64px; }

    .login_footer{/* border-top:3px solid #dddddd; background:#f3f3f3;*/ padding:0px 0px; min-width:790px; width:auto; _width:790px; overflow:visible; color:#666;}
    .footer_text{ text-align:center; color: #fff;}

    .login_body{ position:relative; height:400px;}
    .banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; min-width:790px; height:400px; overflow:hidden;}
    .banner_show .cell { position:absolute; top:0; left:0; width:100%; overflow:hidden; background-repeat:repeat-x; background-position:center top;}
    .banner_show .cell .con { position:relative; height:440px; background-repeat:no-repeat; background-position:center top;}
    .bns_01 { background-image:none;}
    .bns_01 .con { background-image:none;}
    .banner_link { position:absolute; top:0px; left:50%; width:500px; height:440px; margin-left:-530px;}
    .banner_link i { display:none;}
    .banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
    .banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(login06/icon_control.png); background-repeat:no-repeat;}
    .banner_control a.left { right:65px; background-position:0 0;}
    .banner_control a.left:hover { background-position:0 -30px;}
    .banner_control a.right { right:30px; background-position:-30px 0;}
    .banner_control a.right:hover { background-position:-30px -30px;}

    @media (min-height: 719px) {
        .login-form{padding-top:100px;}
    }
}